﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Margin</title>

    <link href="boxmargin.css" rel="stylesheet" />
    <script src="boxmargin.js"></script>
</head>
<body>
    <div class="boxmargin fragment">
        <section aria-label="Main content" role="main">
            <div class="explanation">All of these div's have the same style rule applied to them and it includes 5 pixels of margin. That means that there is going to be 10 pixels between them. Margin is space outside the border and keeps an element from running into other elements. It's very important for implementing Windows 8 design.</div>
            <div class="flex"></div>
        </section>
    </div>
</body>
</html>
